<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 方式一：内嵌方式 -->
    <script>
        console.log("方式一：内嵌方式~~~");
    </script>

    <!-- 方式三：外部引入方式 -->
    <script src="js/02.js"></script>
       
</head>
<body>


    <!-- 方式二:行内方式，在标签上写js代码 -->
    <!-- onclick:当点击的时候 -->
    <input type="button" value="我是按钮" onclick="alert('点我干嘛呀')">
    <div onclick="alert('我是div呀')">我是div</div>


    <!-- 超链接点击执行js代码的时候，当与href连用的时候，必须添加javascript前缀 -->
    <a href="javascript:alert('我原本是一个a标签')" >我是a标签</a>
</body>
</html>